<template>
  <!-- 注册头 -->
      <div style="height: 80px;line-height: 80px;background-color: #6b646408;display: flex;justify-content: space-around;border: 1px solid #DDDDDD;">
        <!-- 头部左边 -->
        <div style="display: flex;margin-left: -15%">
          <!-- 图标 -->
          <div>
            <div style="float: left;margin-right: 8px;">
              <img style="width:60px; vertical-align: middle;border-radius: 10px;" src="../../assets/qzl_logo.png" />
            </div>
            <div style="width: 72px; height: 80px;line-height: 68px;display: flex;flex-wrap: wrap;">
              <div style="height: 24px;font-size: 23px;font-weight: bold;color: #5d5d5d;">俏郎中</div>
              <div style="font-size: 12px;text-indent: -5px;color: #848484c7;"></div>
            </div>
          </div>
          <div style="border-left:1px solid #d6d6d6e0;height: 45px;margin: 18px 17px 17px 17px;">
          </div>
          <div>
            <span style="color: #cecece;">{{titleName}}</span>
          </div>
        </div>
        <div style="display: flex;margin-right: -15%;color:#cecece;">
          <div v-if="step=='step'">
              <userInfo></userInfo>
          </div>
          <div v-else>
              <router-link to="login"><span>返回首页</span></router-link>
          </div>

        </div>
      </div>
</template>

<script>
  import userInfo from "../../layout/components/userMsg.vue"
   export default {
     props:["titleName","step"],
     components:{
       userInfo
     }
   }
</script>

<style>
</style>
